<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./jiangzhuang.css">
</head>
<body>
   <div class="model first">
    <div class="content">
        <p><span>张大嘴</span>同学</p>
        <p>在第五届中国程序吐槽大会上，过关斩将，荣获大会"一等大嘴奖"</p>
        <p>特发此证，以资鼓励</p>
        <p>中国程序吐槽大会</p>
        <p>2023年7月12日</p>
    </div>
</div>
    <div class="model first">
        <div class="content">
            <p><span>李大嘴</span>同学</p>
            <p>在第五届中国程序吐槽大会上，过关斩将，荣获大会"二等大嘴奖"</p>
            <p>特发此证，以资鼓励</p>
            <p>中国程序吐槽大会</p>
            <p>2023年7月12日</p>
        </div>
    </div>
        <div class="model first">
            <div class="content">
                <p><span>徐大嘴</span>同学</p>
                <p>在第五届中国程序吐槽大会上，过关斩将，荣获大会"三等大嘴奖"</p>
                <p>特发此证，以资鼓励</p>
                <p>中国程序吐槽大会</p>
                <p>2023年7月12日</p>
            </div>
        </div>
            <style>
                .model{
    background-image: url(./微信图片_20240402111746.jpg);
    width: 500px;
    height: 372px;
    overflow: hidden;
}
.model{
    background-image: url(./微信图片_20240402111746.jpg);
    width: 500px;
    height: 372px;
   overflow: hidden;
}
.model{
    background-image: url(./微信图片_20240402111746.jpg);
    width: 500px;
    height: 372px;
    overflow: hidden;
}
.content{
    width: 350px;
    margin: auto;
    margin-top: 130px
}
.content{
    width: 350px;
    margin: auto;
    margin-top: 130px
}
.content{
    width: 350px;
    margin: auto;
    margin-top: 130px
}
.content p{
    margin: 8px 0;
}
.content p:nth-child(1) span{
    font-size: 5px;
    font-family: 楷体;
}
.content p:nth-child(2) span{
    text-indent: 2em;
}
.content p:nth-child(3) span{
    margin-left: 5em;
}
.content p:nth-child(3)~p{
    text-align: right;
}

            </style>
    
</body>
</html>